li:nth(1) {
  position: absolute;
  left: 10px;
  top: 10px;
}

li:nth(2) {
  position: absolute;
  left: 20px;
  top: 20px;
}

li:nth(3) {
  position: absolute;
  left: 30px;
  top: 30px;
}

li:nth(4) {
  position: absolute;
  left: 40px;
  top: 40px;
}

li:nth(5) {
  position: absolute;
  left: 50px;
  top: 50px;
}

li:nth(6) {
  position: absolute;
  left: 60px;
  top: 60px;
}

li:nth(7) {
  position: absolute;
  left: 70px;
  top: 70px;
}

li:nth(8) {
  position: absolute;
  left: 80px;
  top: 80px;
}

li:nth(9) {
  position: absolute;
  left: 90px;
  top: 90px;
}

li:nth-child(1) {
  position: absolute;
  left: 10px;
  top: 10px;
}

li:nth-child(2) {
  position: absolute;
  left: 20px;
  top: 20px;
}

li:nth-child(3) {
  position: absolute;
  left: 30px;
  top: 30px;
}

li:nth-child(4) {
  position: absolute;
  left: 40px;
  top: 40px;
}

li:nth-child(5) {
  position: absolute;
  left: 50px;
  top: 50px;
}

li:nth-child(6) {
  position: absolute;
  left: 60px;
  top: 60px;
}

li:nth-child(7) {
  position: absolute;
  left: 70px;
  top: 70px;
}

li:nth-child(8) {
  position: absolute;
  left: 80px;
  top: 80px;
}

li:nth-child(9) {
  position: absolute;
  left: 90px;
  top: 90px;
}

li:nth-child(10) {
  position: absolute;
  left: 100px;
  top: 100px;
}

.color-1 {
  color: red;
}

.color-2 {
  color: green;
}

.color-3 {
  color: blue;
}

li:nth-child(1) {
  color: red;
}

li:nth-child(2) {
  color: green;
}

li:nth-child(3) {
  color: blue;
}
